<template>
	<view v-if="url">
		<video ref="v" object-fit="fill"
		:controls="false"
		:show-fullscreen-btn="false"
		:enable-progress-gesture="false"
		 id="firstVideo" class="firstVideo" :src="url" autoplay  loop></video>
	</view>
</template>

<script>
	export default {
		props:{
			pConfig:{
				required:true
			}	
		},
	
		mounted() {
			console.log(this.pConfig);	
			let _this=this
			setTimeout(function(){
				_this.first_video=_this.pConfig['first_video'][0]
				_this.url=_this.domainUrl+"/uploads/"+_this.first_video.url
			
			},500)
		},
		onLoad() {
			
		},
		data(){
			return {
				first_video:null,
				url:null
			}
		}
	}
</script>

<style lang="scss">
	.firstVideo{display: block;width: 750rpx;height: 100%;position: fixed;top: 0;left: 0;}

</style>